module.exports = {
  theme: {
    extend: {
      colors: {
        primary: {
          50: '#FFE5F7',
          100: '#FFCCEF',
          200: '#FF99DF',
          300: '#FF66CF',
          400: '#FF33BF',
          500: '#FF00AF',
          600: '#D60093',
          700: '#AD0077',
          800: '#85005B',
          900: '#5C003F'
        },
        secondary: {
          50: '#E8DEFF',
          100: '#D9C7FF',
          200: '#B999FF',
          300: '#9A6BFF',
          400: '#7A3DFF',
          500: '#5B0FFF',
          600: '#4A00EB',
          700: '#3E00C7',
          800: '#3400A3',
          900: '#28007F'
        },
        success: {
          50: '#F2FBF4',
          100: '#E6F7E8',
          200: '#6FFD83',
          300: '#9AE1A4',
          500: '#02B31B',
          600: '#02A118'
        },
        error: {
          50: '#FFE5E5',
          100: '#FFE6E6',
          200: '#FF9999',
          300: '#FF6666',
          500: '#FF0000',
          600: '#E60000'
        },
        warning: {
          50: '#FFFAF4',
          100: '#FFF5EA',
          200: '#FFD2A3',
          300: '#FFD5A9',
          500: '#FF9629',
          600: '#FA7F00'
        },
        gray: {
          50: '#FAFAFA',
          100: '#F5F5F5',
          200: '#E5E5E5',
          300: '#D4D4D4',
          400: '#A3A3A3',
          500: '#737373',
          600: '#525252',
          700: '#404040',
          800: '#262626',
          900: '#171717'
        },
        darkprimary: {
          50: '#fcf4fa',
          100: '#faeaf5',
          200: '#f2cae6',
          300: '#eba9d6',
          400: '#db69b8',
          500: '#EE2CB1',
          600: '#b8258a',
          700: '#991f73',
          800: '#7a195c',
          900: '#64144b'
        },
        darksecondary: {
          50: '#f9f7ff',
          100: '#f2f0ff',
          200: '#dfd9ff',
          300: '#ccc3ff',
          400: '#a695ff',
          500: '#8068FF',
          600: '#735ee6',
          700: '#604ebf',
          800: '#4d3e99',
          900: '#3f337d'
        },
        darksuccess: {
          50: '#0B3812',
          100: '#196925',
          200: '#CCF5D2',
          300: '#26A138',
          500: '#32D74B',
          600: '#70E381',
          700: '#ADEFB7'
        },
        darkerror: {
          50: '#441411',
          100: '#7D221C',
          200: '#992923',
          300: '#FFB5B0',
          500: '#FF453A',
          600: '#FF7D75',
          700: '#BF342C'
        },
        darkwarning: {
          50: '#382301',
          100: '#7D4E05',
          200: '#FFE7C2',
          300: '#BF7708',
          500: '#FF9F0A',
          600: '#FFBC54',
          700: '#FFD99D'
        },
        blue: {
          50: '#F7FBFE',
          100: '#EFF6FD',
          200: '#D6EAF9',
          300: '#BDDDF5',
          500: '#5AA9E6',
          600: '#5198CF',
          700: '#447FAD',
          900: '#2C5371'
        },
        darkblue: {
          50: '#242D33',
          100: '#3E627A',
          200: '#4C7895',
          300: '#5F96BA',
          500: '#7FC8F8',
          600: '#A5D9FA',
          700: '#CCE9FC',
          900: '#F2FAFE'
        }
      },
      maxWidth: {
        '1/4': '25%',
        '1/2': '50%',
        '3/4': '75%'
      },
      zIndex: {
        '-1': '-1'
      },
      fontSize: {
        '2xs': 10
      }
    }
  }
}
